(function (G) {
  window["components_Dataview_index"]({
    "component": true,
    "usingComponents": {}
  }, {
    template: '#TEMPLATE_components_Dataview_index',

    options: {
      multipleSlots: true
    },
    props: {
      id: {
        type: String,
        observer: function (newValue, oldValue) {
          this.init();
        }
      },
      params: {
        default: {},
        type: String,
        observer: function (newValue, oldValue) {
          this.init();
        }
      },
      style: {
        default: '',
        type: String
      }
    },
    data: function () {
      return {
        deFaultStyle: 'height:300px;',
        refid: G.zIndex()
      }
    },
    methods: {
      async init() {
        this.chart.setOption(await G.get(`/v1/dataview?id=${this.id}&${this.params}`))
      }
    },
    async mounted() {
      this.chart = echarts.init(this.$refs[this.refid])
      this.init()
    }
  })
})(Y)